// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #48d4ff,
  // primary:    #488aff,
  secondary:  #32db64,
  danger:     #f53d3d,
  light:      #f4f4f4,
  dark:       #222
);

// .testbtn {
//   position: absolute;
//   width: 100px;
//   height: 40px;
//   margin: auto;
// }
// .d1 {
//   right: 20px;
// }

* {
  user-select: none;
}
input,button {
  outline: none;
}
.toolbar {
  min-height: 70px !important;

  .toolbar-background,.toolbar .toolbar-background {
    background-color: rgb(62, 85, 231) !important;
  }
} 

ion-navbar button.back-button.show-back-button {
  display: none;
}
.toolbar-md ion-title {
  top: 25px !important;
  width: 100%;
  position: absolute;
}
.title .toolbar-title {
  font-weight: normal;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
}

.toolbar .toolbar-content {
  margin-top: 22px;
}
.scroll-content {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3e55e7), to(#5f88f3)) !important;
}
.toolbar-ios .tool{
  top: 11px;
}
.tool {
  position: absolute;
  width: 100%;
  top: 25px;
  z-index: 10000;
  color: #fff;
  
}

@media (max-width: 375px) {
  .toolbar-ios .toolbar-content .tool{
    top: 11px;
  }
  .toolbar-md .toolbar-content .tool{
    top: 25px;
  }
}

@media (max-width: 320px) {
  .header .toolbar-ios .toolbar-content .tool{
    top: 15px;
  }
  .header .toolbar-md .toolbar-content .tool{
    top: 25px;
  }
  .toolbar-ios .button {
    font-size: 1.2rem;
  }
}
// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here




// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";


// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";
